<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>图片与文字环绕</title>
		<style>
			/*图片添加浮动，段落不加浮动*/
			img{
				width: 200px;
				height: 200px;
				float: right;
			}
		</style>
	</head>
	<body>
		<img src="img/小新.png" alt="小新">
		<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quibusdam quam labore quas totam saepe maiores, nobis cumque id accusantium fugit expedita iure, corporis molestiae, officia illum eum? Porro, voluptate ducimus?Lorem ipsum dolor sit amet consectetur, adipisicing elit. Praesentium hic, enim voluptatum repellat sunt nesciunt excepturi vel quae sapiente. Eaque nesciunt neque quo labore. Iste nulla consectetur voluptatum incidunt eum?Lorem ipsum dolor, sit amet consectetur adipisicing elit. Itaque repellendus tempore repellat ipsum minima voluptates recusandae dicta unde eligendi quo reprehenderit quaerat soluta rem quos nisi veritatis, eos aliquam <sapiente class="lorem">Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptas eius qui vero nostrum beatae veniam soluta tenetur perspiciatis aut blanditiis, praesentium, temporibus facere facilis accusamus cumque sequi illo consequatur suscipit!</sapiente></p>
	</body>
</html>